<div class='pm-leader'>
    <!-- 日期选择栏 -->
    <div class="pm-leader-dateselect" id="pm-leader-dateselect">
        <img src="assets/imgs/gallery/SVG/17182.svg" (click)="changeDate(0)">
        <ion-item id="sfwal-date">
            <ion-datetime displayFormat="YYYY-MM-DD" pickerFormat="YYYY MM DD" [(ngModel)]="nowDate" doneText="确定" cancelText="取消">
            </ion-datetime>
        </ion-item>
        <ion-icon name="ios-arrow-down"></ion-icon>
        <img src="assets/imgs/gallery/SVG/17183.svg" (click)="changeDate(1)">
    </div>
    <!-- 数据总计栏 -->
    <div class="pm-leader-type">
        <div class="Rchart">
            <pie-chart [options]="options"></pie-chart>
            <div class="pie-data text-center">
                <p class="main-title">总数</p>
                <p class="sub-title">11<span></span></p>
            </div>
        </div>
        <div>
            <span>公司</span>
            <p>5</p>
        </div>
        <div>
            <span>外出</span>
            <p>3</p>
        </div>
        <div>
            <span>请假</span>
            <p>2</p>
        </div>
        <div>
            <span>异常</span>
            <p>1</p>
        </div>
    </div>
    <div class="pm-leader-line"></div>
    <!-- 部门数据栏 -->
    <div class="pm-leader-content">
        <ul>
            <li *ngFor="let data of depart.Info" (click)="toLeader(data)">
                <label>{{ data.department }}</label>
                <span><strong><em>(</em>&nbsp;{{ data.total }}</strong>公司<i>&nbsp;{{ data.company }}</i>,&nbsp;外出<i>&nbsp;{{ data.out }}</i>,&nbsp;请假<i>&nbsp;{{ data.leave }}</i>,&nbsp;异常<i>&nbsp;{{ data.abnormal }}&nbsp;<em>)</em></i></span>
                <i class="icon ion-ios-arrow-right"></i>
            </li>
        </ul>
    </div>
</div>